class Observer {
    constructor (data) {
        this.walk(data)
    }
    walk (data) {
        // 1.判断data是否是对象
        if(!data || typeof data !== 'object'){
            return
        }
        // 2.遍历data对象的所有属性
        Object.keys(data).forEach(key =>{
            this.defineReactive(data, key, data[key])
        })
    }
    defineReactive (obj, key, value) {
        // 如果value是对象，将value也转换成响应式
        this.walk(value)
        const dep = new Dep()
        const that = this
        Object.defineProperty(obj, key, {
            enumerable: true,
            configurable: true,
            get () {
                // 收集依赖
                Dep.target && dep.addSub(Dep.target)
                // 如果调用obj[key]会造成死递归
                return value
            },
            set (newValue) {
                if(newValue === value) {
                    return
                }
                value = newValue
                // 如果newValue是对象，则转化
                that.walk(newValue)
                //发送通知
                dep.notify()
            }
        })
    }
}